<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <div th:fragment="css_js">
        <title>商城后台管理系统</title>
        <!-- VENDOR CSS -->
        <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}"> <!--这个css必须要有-->
        <link rel="stylesheet" th:href="@{/css/font-awesome.min.css}"><!--这个css必须要有，图标支持-->
        <link rel="stylesheet" th:href="@{/css/style.css}"><!--这个css必须要有，图标支持-->
        <link rel="stylesheet" th:href="@{/css/chartist-custom.css}"><!--这个css管理图表-->
        <!-- MAIN CSS -->
        <link rel="stylesheet" th:href="@{/css/main.css}"><!--这个css必须要有，主页面布局-->
        <!-- FOR DEMO PURPOSES ONLY. You should remove this in your project -->
        <link rel="stylesheet" th:href="@{/css/demo.css}">


        <!-- Javascript -->
        <script src="/js/jquery.min.js"></script>
        <script src="/js/bootstrap.min.js"></script>
        <script src="/js/chartist.min.js"></script>
        <script src="/js/klorofil-common.js"></script><!--这个js影响左侧菜单的收展-->

        <!-- ICONS 标签页图案 -->
        <link rel="apple-touch-icon" sizes="76x76" th:href="@{/img/foodicon2.jpg}">
        <link rel="icon" type="image/jpg" sizes="96x96" th:href="@{/img/foodicon1.jpg}">

    </div>
    <!-- GOOGLE FONTS -->
    <!-- <link th:href"https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700" rel="stylesheet"> -->
    <!--这个css暂时没用上-->


</head>

<script th:inline="javascript">
    var msg=[[${msg}]];
    if(msg!=null)
        alert(msg);
    msg=null;
</script>


<body>  <!--权限限制，只有超级管理员才能管理普通管理员（看密码），普通管理员只能管商品管理员及以下权限的东西-->
<!-- WRAPPER -->      <!--商品管理员只能管商品，不能管用户-->
<div id="wrapper">
    <!-- NAVBAR -->
    <!--左侧栏顶部图片，点击跳回首页-->
    <div class="headnav" th:fragment="topbar">
        <nav class="navbar navbar-default navbar-fixed-top">
            <div class="brand">
                <a th:href="@{/home}"><img src="/img/foodicon7.jpg" alt="小店 Logo" class="img-responsive logo"></a>
            </div>
            <div class="container-fluid">
                <div class="navbar-btn">
                    <button type="button" class="btn-toggle-fullwidth"><i class="lnr lnr-arrow-left-circle"></i>
                    </button>
                </div>

<!--                &lt;!&ndash;搜索框&ndash;&gt;-->
<!--                <form class="navbar-form navbar-left">-->
<!--                    <div class="input-group">-->
<!--                        <input type="text" value="" class="form-control" placeholder="请输入关键词搜索...">-->
<!--                        <span class="input-group-btn"><button type="button" class="btn btn-primary">搜索</button></span>-->
<!--                    </div>-->
<!--                </form>-->

                <!--导航栏顶部的菜单-->
                <div id="navbar-menu">
                    <ul class="nav navbar-nav navbar-right">

                        <!-- <a th:href"#" class="dropdown-toggle icon-menu" data-toggle="dropdown">
                            <i class="lnr lnr-alarm"></i>
                            <span class="badge bg-danger">5</span>
                        </a> -->
                        <!--dropdown的特点是点击会有动画下拉-->
                        <li class="dropdown">  <!--这里是头像&用户名，点击后有下拉选项-->
                            <a th:href="@{#}" class="dropdown-toggle" data-toggle="dropdown"><img
                                    src="/img/foodhead1.jpg" class="img-circle" alt="Avatar">
                                <span th:text="${session.admin.getUsername()}"></span> <i class="icon-submenu lnr lnr-chevron-down"></i></a>
                            <ul class="dropdown-menu">
                                <li><a th:href="@{/admin/self_show}"><i class="lnr lnr-user"></i> <span>个人信息</span></a></li>
                                <li><a th:href="@{/self/account_check}"><i class="lnr lnr-lock"></i> <span>修改密码</span></a></li>
                                <li><a th:href="@{/exit}"><i class="lnr lnr-exit"></i> <span>注销</span></a></li>
                            </ul>
                        </li>


                        <!-- <li>
                            <a class="update-pro" th:href"#downloads/klorofil-pro-bootstrap-admin-dashboard-template/?utm_source=klorofil&utm_medium=template&utm_campaign=KlorofilPro" title="Upgrade to Pro" target="_blank"><i class="fa fa-rocket"></i> <span>UPGRADE TO PRO</span></a>
                        </li> -->
                    </ul>
                </div>
            </div>
        </nav>
    </div>
    <!-- END NAVBAR -->
    <!-- LEFT SIDEBAR -->
    <!--左侧栏导航-->
    <div id="sidebar-nav" class="sidebar" th:fragment="sidebar">
        <div class="sidebar-scroll">
            <nav>
                <ul class="nav">   <!--这个class="active"会一直显示激活状态-->
                    <li><a th:href="@{/home}" class=""><i class="lnr lnr-home"></i> <span>首页</span></a></li>
                    <li>           <!--thymeleaf 接管的url 可以直接是网页名 ，也可以是controller Mapping("url")跳转的视图-->
                        <!--这个th:href"#名字"，对应下面div中的 id="名字"-->
                        <a th:href="@{#admin}" data-toggle="collapse" class="collapsed"><i class="lnr lnr-code"></i>
                            <span>管理员管理</span><i class="icon-submenu lnr lnr-chevron-left"></i></a>
                        <div id="admin" class="collapse">
                            <ul class="nav">
                                <li><a th:href="@{/admin/admin_sys}" class="">系统管理员</a></li>
                                <li><a th:href="@{/admin/admin_mall}" class="">商品管理员</a></li>
                                <li><a th:href="@{/admin/add_admin}" class="">添加管理员</a></li>
                            </ul>
                        </div>
                    </li>

                    <li>  <!--显示的列表应该带有增删改查功能，打印出跳转按钮-->
                        <a th:href="@{#user}" data-toggle="collapse" class="collapsed"><i class="lnr lnr-user"></i>
                            <span>用户管理</span><i class="icon-submenu lnr lnr-chevron-left"></i></a>
                        <div id="user" class="collapse ">
                            <ul class="nav">
                                <li><a th:href="@{/user/user_show}" class="">用户列表</a></li>
                                <li><a th:href="@{/user/add_user}" class="">添加用户</a></li>
                            </ul>
                        </div>
                    </li>

                    <li>
                        <a th:href="@{#goods}" data-toggle="collapse" class="collapsed"><i class="lnr lnr-cart"></i>
                            <span>商品管理</span><i class="icon-submenu lnr lnr-chevron-left"></i></a>
                        <div id="goods" class="collapse ">
                            <ul class="nav">
                                <li><a th:href="@{/goods/goods_show}" class="">商品列表</a></li>
                                <li><a th:href="@{/goods/add_goods}" class="">添加商品</a></li>
                                <li><a th:href="@{/goods/goods_in}" class="">商品进货</a></li>
                                <li><a th:href="@{/goods/goods_in_mem}" class="">进货记录</a></li>
                            </ul>
                        </div>
                    </li>

                    <li>
                        <a th:href="@{#buy_list}" data-toggle="collapse" class="collapsed"><i class="lnr lnr-alarm"></i>
                            <span>订单管理</span> <i class="icon-submenu lnr lnr-chevron-left"></i></a>
                        <div id="buy_list" class="collapse ">
                            <ul class="nav">
                                <li><a th:href="@{/buy_list/buy_list_show}" class="">订单列表</a></li>
                                <li><a th:href="@{/buy_list/buy_list_show_end}" class="">已完成订单</a></li>
                            </ul>
                        </div>
                    </li>

                    <!--这是有下拉多选项的菜单-->
                    <!-- <li>
                        <a th:href"#subPages" data-toggle="collapse" class="collapsed"><i class="lnr lnr-file-empty"></i> <span>Pages</span> <i class="icon-submenu lnr lnr-chevron-left"></i></a>
                        <div id="subPages" class="collapse ">
                            <ul class="nav">
                                <li><a th:href"page-profile.html" class="">Profile</a></li>
                                <li><a th:href"page-login.html" class="">Login</a></li>
                                <li><a th:href"page-lockscreen.html" class="">Lockscreen</a></li>
                            </ul>
                        </div>
                    </li> -->

                    <li>
                        <a th:href="@{#record}" data-toggle="collapse" class="collapsed"><i class="fa fa-calendar"></i>
                            <span>操作记录</span><i class="icon-submenu lnr lnr-chevron-left"></i></a>
                        <div id="record" class="collapse ">
                            <ul class="nav">  <!--这里设想的记录是，对数据库中的信息进行改动时（增、删、改）向，记录表，插入-->
                                <li><a th:href="@{/record/admin_record}" class="">管理员操作记录</a></li>
                            </ul>
                        </div>
                    </li>

                    <li>
                        <a th:href="@{#income}" data-toggle="collapse" class="collapsed"><i
                                class="fa fa-line-chart"></i> <span>收支记录</span><i
                                class="icon-submenu lnr lnr-chevron-left"></i></a>
                        <div id="income" class="collapse ">
                            <ul class="nav">  <!--这里设想的记录是，对数据库中的信息进行改动时（增、删、改）向，记录表，插入-->
<!--                                <li><a th:href="@{/income_month}" class="">按月份</a></li>-->
<!--                                <li><a th:href="@{/income_year}" class="">按年</a></li>-->
                                <li><a th:href="@{/income/income_all}" class="">总收支</a></li>
                            </ul>
                        </div>
                    </li>

                </ul>
            </nav>
        </div>
    </div>
    <!-- END LEFT SIDEBAR -->


    <!-- MAIN -->
    <div class="main">
        <!-- MAIN CONTENT -->


        <div class="main-content">
            <div class="container-fluid">

                <!-- OVERVIEW -->
                <div class="panel panel-headline">
                    <div class="panel-heading">
                        <h3 class="panel-title">[[${session.admin.getUsername()}]]，欢迎登录！</h3>
                        <div th:switch="${session.admin.getRole()}">
                            <p th:case="0" class="panel-subtitle" th:text="'您的身份是：超级管理员'"></p>
                            <p th:case="1" class="panel-subtitle" th:text="'您的身份是：系统管理员'"></p>
                            <p th:case="2" class="panel-subtitle" th:text="'您的身份是：商品管理员'"></p>
                            <p th:case="*" class="panel-subtitle" th:text="'您的身份是：其他管理员'"></p>
                        </div>
                    </div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-3">

                            </div>
                            <div class="col-md-3">

                            </div>
                            <div class="col-md-3">

                            </div>
                            <div class="col-md-3">

                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-9">
                                <div id="headline-chart" class="ct-chart"></div>
                            </div>
                            <div class="col-md-3">

                            </div>
                        </div>
                    </div>
                </div>
                <!-- END OVERVIEW -->

            </div>
            <!-- END CONTAINER FLUID -->
        </div>
        <!-- END MAIN CONTENT -->
    </div>
    <!-- END MAIN 结束 main 部件块-->

    <div class="clearfix"></div>
    <footer>
        <div class="container-fluid">
            <p class="copyright"> &copy; 微信商城后台管理系统.<a target="_blank" th:href="@{#}">回到顶部</a></p>
        </div>
    </footer>
</div>
<!-- END WRAPPER -->


</body>

</html>
